<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html lang="zh_CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>产品规格信息</title>
</head>
<body>
	<div class="modal fade" id="detailDialog" role="dialog"
		aria-labelledby="productDialogLabel" aria-hidden="true">
		<form id="productDetail" method="post" name="productDetail">
			<div class="modal-dialog" tabindex="0">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal">
							<span aria-hidden="true">&times;</span> <span class="sr-only">Close</span>
						</button>
						<h4 class="modal-title" id="myModalLabel">产品规格信息</h4>
						<input type="hidden" id="proId" required name="id" value="${product.id}" />
					</div>
					<div class="modal-body">
						<div align="left">
							<div align="center">
								<!--选项卡-->
								<div class="container-fluid">
									<div class="row-fluid">
										<div class="span12">
											<div class="tabbable" id="tabs-234974">
												<ul class="nav nav-tabs">
													<li class="active"><a href="#baseInfor"
														data-toggle="tab">基本信息</a></li>
													<li><a href="#detail" data-toggle="tab">详细信息</a></li>
													<li><a href="#resource" data-toggle="tab">资源库</a></li>
												</ul>
												<div class="tab-content">
													<div class="tab-pane active" id="baseInfor">
														<table class="table table-bordered">
															<tr>

																<td style="text-align: right; width: 100px;">产品编号:</td>
																<td><input style="width: 100px;" type="text"
																	id="proCode" required name="proCode"
																	value="${detail.proCode}" readonly="readonly" /></td>
																<td style="text-align: right; width: 100px;">产品名称:</td>
																<td><input style="width: 100px;" type="text"
																	id="proName" required name="proName"
																	value="${detail.proName}" /></td>
															</tr>
															<tr>

																<td style="text-align: right; width: 100px;">规格编号:</td>
																<td><input style="width: 100px;" type="text"
																	id="ruleCode" required name="ruleCode"
																	value="${detail.ruleCode}" readonly="readonly" /></td>
																	
																<td style="text-align: right; width: 100px;">规格名称:</td>
																<td><input style="width: 100px;" type="text"
																	id="ruleName" required name="ruleName"
																	value="${detail.ruleName}" /></td>
															</tr>
															<tr>
																<td style="text-align: right; width: 100px;">长度:</td>
																<td><input style="width: 100px;" type="text"
																	id="longness" required name="longness" value="${detail.longness}" /></td>
																	
																<td style="text-align: right; width: 100px;">宽度:</td>
																<td><input style="width: 100px;" type="text"
																	id="width" required name="width"
																	value="${detail.width}" /></td>
															</tr>
																<tr>
																<td style="text-align: right; width: 100px;">高度:</td>
																<td><input style="width: 100px;" type="text"
																	id="height" required name="height" value="${detail.height}" /></td>
																	
																<td style="text-align: right; width: 100px;">颜色:</td>
																<td><input style="width: 100px;" type="text"
																	id="color" required name="color"
																	value="${detail.color}" /></td>
															</tr>
															<tr>
																<td style="text-align: right; width: 100px;">总库存:</td>
																<td><input style="width: 100px;" type="text"
																	id="total" name="total" value="${detail.total}" /></td>
																			<td style="text-align: right; width: 100px;">可用库存:</td>
																<td><input style="width: 100px;" type="text"
																	id="useful" name="useful" value="${detail.useful}" /></td>
															</tr>
															<tr>
																
																<td style="text-align: right; width: 100px;">进货价:</td>
																<td><input style="width: 100px;" type="text"
																	id="enterPrice" name="enterPrice" value="${detail.enterPrice}" /></td>
															<td style="text-align: right; width: 100px;">销售价:</td>
																<td><input style="width: 100px;" type="text"
																	id="salePrice" name="salePrice" value="${detail.salePrice}" /></td>
															</tr>
															<tr>
																<td style="text-align: right; width: 100px;">主图片:</td>
																<td colspan="4">
																<input style="width: 400px;" type="file"
																	id="pic" name="pic" required value="${detail.pic}" /></td>
																
															</tr>
															<tr>
																<td style="text-align: right;">备注:</td>
																<td colspan="4"><textarea style="width: 400px;"
																		name="description" id="description">
															${detail.description}
															</textarea></td>
															</tr>
														</table>
													</div>
													<!-- 													<div class="tab-pane" id="detail"> -->
													<!-- 														<table class="table table-bordered"> -->
													<!-- 															<tr> -->
													<!-- 																<td style="text-align: right;">产品编号2:</td> -->
													<!-- 																<td><input style="width: 200px;" type="text" -->
													<!-- 																	id="proCode" required name="proCode" -->
													<%-- 																	value="${product.proCode}" readonly="readonly" /></td> --%>
													<!-- 															</tr> -->
													<!-- 															<tr> -->
													<!-- 																<td style="text-align: right;">产品名称2:</td> -->
													<!-- 																<td><input style="width: 200px;" type="text" -->
													<!-- 																	id="proName" required name="proName" -->
													<%-- 																	value="${product.proName}" /></td> --%>
													<!-- 															</tr> -->
													<!-- 															<tr> -->
													<!-- 																<td style="text-align: right;">备注2:</td> -->
													<!-- 																<td><textarea style="width: 200px;" -->
													<!-- 																		name="description" id="description"> -->
													<%-- 															${product.description} --%>
													<!-- 															</textarea></td> -->
													<!-- 															</tr> -->
													<!-- 														</table> -->
													<!-- 													</div> -->
													<div class="tab-pane" id="resource">
													
														<%-- <table class="table table-bordered">
															<tr>
																<td style="text-align: right;">产品编号3:</td>
																<td><input style="width: 200px;" type="text"
																	id="proCode" required name="proCode"
																	value="${product.proCode}" readonly="readonly" /></td>
															</tr>
															<tr>
																<td style="text-align: right;">产品名称3:</td>
																<td><input style="width: 200px;" type="text"
																	id="proName" required name="proName"
																	value="${product.proName}" /></td>
															</tr>
															<tr>
																<td style="text-align: right;">备注3:</td>
																<td><textarea style="width: 200px;"
																		name="description" id="description">
															${product.description}
															</textarea></td>
															</tr>
														</table> --%>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div id="optBtn" class="modal-footer">
						<button id="saveBtn" type="submit" class="btn btn-primary">保存</button>
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					</div>
				</div>
			</div>
		</form>
	</div>
</body>
</html>